<style type="text/css">
    @media (max-width: 375px) {
        .edit-form tr td input{width:100%;}
        .edit-form tr th:first-child,.edit-form tr td:first-child{
            width:20%;
        }
        .edit-form tr th:last-child,.edit-form tr td:last-child{
            /*display: none;*/
        }
    }
</style>
<div class="tab-pane active in" id="self">
    <div class="widget-body no-padding">
        <form id="dictionary-form" class="edit-form form-horizontal nice-validator n-default n-bootstrap" role="form" data-toggle="validator" method="POST" action="/cms.php/general.config/updateself" novalidate="novalidate">

            <table class="table table-striped">
                <thead>
                    <tr>
                        <th width="15%">变量标题</th>
                        <th width="85%">变量值</th>
                        <!-- <th width="15%">变量名</th> -->
                    </tr>
                </thead>
                <tbody>
                {volist name="sitelist" id="vo" key="k"}
                    <tr>
                        <td>{$vo.title}</td><input type="hidden" name="row[configname]" id="configname{$k}" value="{$vo.name}" />
                        <td>
                            <div class="row">
                                <div class="col-sm-8 col-xs-12">
                                    <dl class="fieldlist" data-name="{$vo.name}" rel="<?php echo count($vo['value']);?>">
                                    <dd>
                                        <ins>键名</ins>
                                        <ins>键值</ins>
                                    </dd>
                                    {volist name="vo.value" id="kv" key="kk"}
                                    <dd class="form-inline">
                                        <input type="text" name="row[{$vo.name}][{$kk}][key]" class="form-control" value="{$key}" size="10" />&nbsp;
                                        <input type="text" name="row[{$vo.name}][{$kk}][value]" class="form-control" value="{$kv}" size="30" />
                                        <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                        <!-- <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span> -->
                                    </dd>
                                    {/volist}
                                    <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append">
                                    <i class="fa fa-plus"></i>追加</a></dd>
                                    <!-- <textarea name="row[categorytype]" class="form-control hide" cols="30" rows="5"></textarea> -->
                                    </dl>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>
                        </td>
                        <!-- <td>{categorytype}</td> -->
                    </tr>
                {/volist}
                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td>
                            <button type="submit" class="btn btn-success btn-embossed">确定</button>
                            <button type="reset" class="btn btn-default btn-embossed">重置</button>
                        </td>

                    </tr>
                </tfoot>
            </table>
        </form>
    </div>
</div>
